<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%
	String path = request.getContextPath();
	String basePath = request.getScheme() + "://"
			+ request.getServerName() + ":" + request.getServerPort()
			+ path + "/";
%>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script type="text/javascript" src="<%=basePath%>js/jquery-1.8.2.js"></script>
<script type="text/javascript" src="<%=basePath%>js/slide.js"></script>

<style type="text/css">
* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

a,img {
	border: 0;
}
/* foucs */
#foucs {
	background: #000;
	height: 400px;
	overflow: hidden;
	position: relative;
}

#foucs div.main {
	display: none;
	cursor: pointer
}

#foucs .element {
	display: none;
	position: absolute;
}

#foucs .navi {
	display: block;
	width: 80px;
	height: 80px;
	line-height: 99em;
	overflow: hidden;
	background: url(<%=basePath%>images/arrow-btn.png) no-repeat;
	top: 150px;
}

#foucs .left {
	left: 0;
	background-position: 0 0;
}

#foucs .left:hover {
	background-position: 0 -80px;
}

#foucs .right {
	right: 0;
	background-position: -80px 0;
}

#foucs .right:hover {
	background-position: -80px -80px;
}
</style>
</head>
<body>


	<div id="foucs">

		<div class="element pict">
			<a target="_blank" href="http://www.phpjz.cn/"><img
				src="<%=basePath%>images/00.jpg" width="996" height="528"
				alt="香车美女墙纸" /></a>
		</div>
		<div class="element pict">
			<a target="_blank" href="http://www.phpjz.cn/"><img
				src="<%=basePath%>images/01.jpg" width="996" height="528"
				alt="香车美女墙纸" /></a>
		</div>
		<div class="element pict main">
			<a target="_blank" href="http://www.phpjz.cn/"><img
				src="<%=basePath%>images/02.jpg" width="996" height="528"
				alt="香车美女墙纸" /></a>
		</div>
		

		<a href="javascript:void(0);" class="element navi left">向左</a> <a
			href="javascript:void(0);" class="element navi right">向右</a>

	</div>
</body>
</html>